/*header*/
header .nav{ width:100%; height:80px; line-height:80px; position:fixed; top:0; left:0; z-index:999;}
header .nav .navCol{ width:1200px; margin:0 auto; font-size:18px;}
header .nav .navCol .nc-logo{ width:120px; float:left; margin-right:80px;}
header .nav .navCol .nc-logo img{ width:100%;}
header .nav .navCol .nc-inner{ width:800px; margin:0 auto; list-style:none; float:left;}
header .nav .navCol .nc-inner .item{ width:100px; text-align:center; color:#fff; float:left;}
header .nav .navCol .nc-inner .item a{ display:block; width:40px; height:50px; line-height:50px; margin:15px 30px; color:inherit; text-decoration:none;}
header .nav .navCol .nc-inner .item a:hover{ text-decoration:none; color:#47a1f7;}
header .nav .navCol .nc-inner .item.active a{ border-bottom:4px solid #47a1f7; color:#47a1f7; font-weight:600; text-decoration:none;}
header .nav .navCol .nc-tel{ width:200px; color:#fff; float:right;}
header .nav .navCol .nc-tel img{ display:block; width:25px; height:25px; margin:27.5px 10px 0 0; float:right;}
header .nav .navCol .nc-tel span{ display:block; line-height:80px; float:right;}
header.fix .nav{ width:100%; height:60px; line-height:60px; background-color:rgba(0,0,0,0.6); position:fixed; top:-200px; left:0; z-index:999;}
header.fix .nav .navCol{ width:1200px; margin:0 auto; font-size:18px;}
header.fix .nav .navCol .nc-logo{ width:120px; float:left; margin-right:80px;}
header.fix .nav .navCol .nc-logo img{ width:100%;}
header.fix .nav .navCol .nc-inner{ width:800px; margin:0 auto; list-style:none; float:left;}
header.fix .nav .navCol .nc-inner .item{ width:100px; text-align:center; color:#fff; float:left;}
header.fix .nav .navCol .nc-inner .item a{ display:block; width:60px; height:60px; line-height:60px; margin:0px 20px; color:inherit;}
header.fix .nav .navCol .nc-inner .item a:hover{ text-decoration:none; color:#47a1f7;}
header.fix .nav .navCol .nc-inner .item.active a{ border-bottom:4px solid #47a1f7; color:#47a1f7; font-weight:600;}
header.fix .nav .navCol .nc-tel{ width:200px; color:#fff; float:right;}
header.fix .nav .navCol .nc-tel img{ display:block; width:25px; height:25px; margin:17.5px 10px 0 0; float:right;}
header.fix .nav .navCol .nc-tel span{ display:block; line-height:60px; float:right;}


/*body*/
.panel{border-bottom:1px solid #666; margin:0; background-color:#FFF; overflow:hidden; z-index:-1;}
	/*home*/
#section1{}
#section1 .main{ width:100%; height:100%;}
#section1 .main .topShow{ width:550px; height:602px; background:url(../../images/in_banner_text550.png) no-repeat center; background-size:cover; margin-left:-275px; margin-top:-301px;}
#section1 .inner{}
#section1 .inner span.nav-link{ width:40px !important; height:6px !important;}
.navigation{ bottom:16% !important;}




	/*module2*/
#section2{ background:url(../../images/in_mod02_bg.png) no-repeat center; background-size:cover; overflow:hidden;}
#section2 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}
/*#section2 .main .modTitle{ width:251px; height:125px; margin:120px auto; background:url(../../images/in_mod02_tit.png) no-repeat center; background-size:cover;}*/
#section2 .main .modTitle{ width:30%; height:124px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}	
#section2 .main .modTitle h1{ font-size:42px; color:#393939; margin-bottom:22px; text-align:center;}
#section2 .main .modTitle h2{ font-size:20px; color:#a3abb0; text-align:center;}
#section2 .main .business { width:100%; margin:0 auto; position:absolute; top:344px; left:0; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s;
	-ms-transition:all .3s ease-in-out 0s; -o-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s;}
#section2 .main .business ul.items { margin:0 auto;}
#section2 .main .business ul.items li { display:inline-block; width:200px; height:300px; margin:0 18px; background:url(../../images/bg_blue.png) no-repeat 0px 400px; overflow:hidden;}
#section2 .main .business ul.items li i {display:block;position:relative;margin:0 auto;margin-top:43px;height:69px;}
#section2 .main .business ul.items li.pc i {width:69px;background:url(../../images/words-blue.png) no-repeat -245px -357px;}
#section2 .main .business ul.items li.mobi i {width:64px;background:url(../../images/words-blue.png) no-repeat -416px -291px;}
#section2 .main .business ul.items li.sys i {width:76px;background:url(../../images/words-blue.png) no-repeat -415px -362px;}
#section2 .main .business ul.items li.app i {width:74px;background:url(../../images/words-blue.png) no-repeat -244px -439px;}
#section2 .main .business ul.items li.host i {width:79px;background:url(../../images/words-blue.png) no-repeat -420px -439px;}
#section2 .main .business ul.items li u {display:block;position:absolute;width:156px;height:156px;margin-left:22px;background:url(../../images/words-blue.png) no-repeat 0px -363px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
#section2 .main .business  ul.items li u.cl {clip:rect(0px,156px,-10px,78px);}
#section2 .main .business.active  ul.items li u.cl {clip:rect(0px,156px,156px,78px);}
#section2 .main .business  ul.items li u.cr {clip:rect(156px,78px,156px,0px);}
#section2 .main .business.active  ul.items li u.cr {clip:rect(0px,78px,156px,0px);}
#section2 .main .business  ul.items li strong {display:block;margin-top:70px;font-size:16px;font-weight:normal;text-align:center; color:#333;}
#section2 .main .business  ul.items li p {position:relative;top:200px;color:White;font-family:Arial,"宋体";font-size:12px;line-height:20px;text-align:center;}
#section2 .main .business  ul.items li:hover {background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s;}
#section2 .main .business  ul.items li:hover i {-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
#section2 .main .business  ul.items li.pc:hover i {background:url(../../images/words.png) no-repeat -168px -357px;}
#section2 .main .business  ul.items li.mobi:hover i {background:url(../../images/words.png) no-repeat -337px -291px;}
#section2 .main .business  ul.items li.sys:hover i {background:url(../../images/words.png) no-repeat -327px -362px;}
#section2 .main .business  ul.items li.app:hover i {background:url(../../images/words.png) no-repeat -164px -439px;}
#section2 .main .business  ul.items li.host:hover i {background:url(../../images/words.png) no-repeat -335px -439px;}
#section2 .main .business  ul.items li:hover u.cl {clip:rect(0px,156px,-10px,78px);}
#section2 .main .business  ul.items li:hover u.cr {clip:rect(156px,78px,156px,0px);}
#section2 .main .business  ul.items li:hover strong {color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
#section2 .main .business  ul.items li:hover p {top:20px;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
#section2 .main .business  label {display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(../../images/words.png) no-repeat 0px -333px;}

#section2 .main .remarks{ width:100%; line-height:20px; color:#8a8a8a; text-align:center; position:absolute; top:684px; left:0;}

/*动画效果*/
#section2 .main .business ul.items li:nth-child(2n+1){ position:relative; top:-1000px;}
#section2 .main .business ul.items li:nth-child(2n){ position:relative; top:1000px;}

	/*module3*/
#section3{ background:url(../../images/in_mod03_bg.png) no-repeat center; background-size:cover;}
#section3 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}
/*#section3 .main .modTitle{ width:166px; height:124px; margin:120px auto; background:url(../../images/in_mod03_tit.png) no-repeat center; background-size:cover;}	*/
#section3 .main .modTitle{ width:30%; height:124px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}	
#section3 .main .modTitle h1{ font-size:42px; color:#393939; margin-bottom:22px; text-align:center;}
#section3 .main .modTitle h2{ font-size:20px; color:#a3abb0; text-align:center;}
#section3 .main .showCol{ width:100%; margin:0 auto; position:absolute; top:344px; left:0;}
#section3 .main .showCol ul{}
#section3 .main .showCol ul li{ width:340px; height:300px; margin:0 30px; overflow:hidden; float:left; position:relative;}
#section3 .main .showCol ul li .pic{ width:340px; height:200px; overflow:hidden;}
#section3 .main .showCol ul li .pic img{ width:100%;}
#section3 .main .showCol ul li .text{ width:100%; height:100px; padding:15px 5%; background-color:#fff;}
#section3 .main .showCol ul li .text p{ line-height:16px;}
#section3 .main .showCol ul li .text p.t1{ color:#999; font-size:13px;}
#section3 .main .showCol ul li .text p.t2{ color:#222; font-size:16px;}
#section3 .main .showCol ul li .hovTop{ width:100%; height:200px; background-color:rgba(0,0,0,0.75); position:absolute; left:0; top:0; margin-top:-200px;}
#section3 .main .showCol ul li .hovTop img{ display:block; width:46px; height:46px; margin:77px auto;}
#section3 .main .showCol ul li .hovBot{ width:100%; height:100px; padding:15px 5%; background-color:#4db5f9; position:absolute; left:0; bottom:0; margin-bottom:-100px; cursor:default;}
#section3 .main .showCol ul li .hovBot p{ line-height:16px; color:#fff;}
#section3 .main .showCol ul li .hovBot p.t1{ font-size:13px;}
#section3 .main .showCol ul li .hovBot p.t2{ font-size:16px;}
#section3 .main .more{ display:block; width:122px; height:51px; background:url(../../images/in_more.png) no-repeat center; background-size:cover; cursor:pointer;
 position:absolute; top:750px; left:150%; margin-left:-61px;}

/*动画效果*/
#section3 .main .showCol ul{ position:relative; left:-1800px;}

	/*module4*/
#section4{ background:url(../../images/in_mod04_bg.png) no-repeat center; background-size:cover;}
#section4 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}	
/*#section4 .main .modTitle{ width:166px; height:124px; margin:120px auto 80px; background:url(../../images/in_mod04_tit.png) no-repeat center; background-size:cover;}	*/
#section4 .main .modTitle{ width:30%; height:124px; /* margin:120px auto 0px;*/ background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}		
#section4 .main .modTitle h1{ font-size:42px; color:#393939; margin-bottom:22px; text-align:center;}
#section4 .main .modTitle h2{ font-size:20px; color:#a3abb0; text-align:center;}
#section4 .main .showCol{ width:100%; margin:0 auto; position:absolute; left:0; top:304px;}
#section4 .main .showCol ul.gallery{width:1144px; margin:0 auto; padding:0;}
#section4 .main .showCol ul.gallery li{display:block; margin:0px; padding:0; text-align:center; border-bottom:1px dashed #dedede; border-right:1px dashed #dedede; float:left;}
#section4 .main .showCol ul.gallery li.no-bor-rt{ border-right:none;}
#section4 .main .showCol ul.gallery li a.thumb {display:block; width:228px; height:180px; cursor:pointer; }
#section4 .main .showCol ul.gallery li span {display:block; width:228px; height:180px; overflow:hidden;}

/*动画效果*/
#section4 .main .showCol ul.gallery{ display:none;}

	/*module5*/
#section5{ background:url(../../images/in_mod05_bg.png) no-repeat center; background-size:cover;}
#section5 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}		
#section5 .main ul{ width:1200px; height:400px; position:absolute; left:0; top:50%; margin-top:-160px;}
#section5 .main ul li{ width:280px; height:400px; margin:0 10px; float:left;}
#section5 .main ul li .mun{ width:270px; height:270px; margin:0 5px; border:2px solid #fff; position:relative;}
#section5 .main ul li .mun h2{ line-height:120px; font-size:100px; color:#fff;}
#section5 .main ul li .mun h3{ line-height:120px; font-size:60px; color:#fff;}
#section5 .main ul li .mun h2.m01{ position:absolute; top:50%; margin-top:-60px; left:70px;}
#section5 .main ul li .mun h3.m01{ position:absolute; top:50%; margin-top:-60px; right:70px; line-height:134px;}
#section5 .main ul li .mun h2.m02{ position:absolute; top:50%; margin-top:-60px; left:70px;}
#section5 .main ul li .mun h3.m02{ position:absolute; top:50%; margin-top:-60px; right:70px; line-height:132px;}
#section5 .main ul li .mun h2.m03{ position:absolute; top:50%; margin-top:-60px; left:20px; font-size:90px;}
#section5 .main ul li .mun h3.m03{ position:absolute; top:50%; margin-top:-60px; right:20px; font-size:90px;}
#section5 .main ul li .mun h2.m04{ position:absolute; top:50%; margin-top:-60px; left:50px; font-size:100px;}
#section5 .main ul li .mun h3.m04{ position:absolute; top:50%; margin-top:-60px; right:50px; font-size:72px; line-height:142px;}
#section5 .main ul li p{ width:280px; line-height:100px; color:#fff; text-align:center; font-size:20px;}


	/*section6*/
#section6{ background-color:#fff;}
#section6 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}
#section6 .main .modTitle{ width:30%; height:124px; /* margin:120px auto 0px;*/ background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}
#section6 .main .modTitle h1{ font-size:42px; color:#393939; margin-bottom:22px; text-align:center;}
#section6 .main .modTitle h2{ font-size:20px; color:#a3abb0; text-align:center;}
#section6 .main .showCol{ width:100%; height:auto; position:absolute; top:344px; left:0;}
#section6 .main .showCol ul{ width:100%;}
#section6 .main .showCol ul li{ width:340px; height:auto; margin:0 30px; float:left;}
#section6 .main .showCol ul li .showImg{ width:100%;}
#section6 .main .showCol ul li dl{ width:100%; height:204px; overflow:hidden;}
#section6 .main .showCol ul li dl a{ color:inherit; text-decoration:none;} 
#section6 .main .showCol ul li dl dt{ display:block; width:100%; line-height:50px; font-size:18px; margin:15px 0 10px; font-weight:500;}
#section6 .main .showCol ul li dl dd{ display:block; width:95%; height:16px; line-height:16px; background:url(../../images/in_news_icon_02.png) no-repeat left center;
 background-size:6px 10px; padding-left:5%; margin:15px 0; color:#767676; font-size:16px; cursor:pointer;}
#section6 .main .showCol ul li dl dd p{ display:block; width:75%; margin:0; padding:0; color:inherit; float:left;
 overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;} 
#section6 .main .showCol ul li dl dd span{ display:block; width:25%; text-align:right; float:left; color:#cccccc;} 
#section6 .main .showCol ul li dl dd:hover{ background:url(../../images/in_news_icon_01.png) no-repeat left center; color:#29abff;}
#section6 .main .showCol ul li dl dd:hover span{ color:#29abff;}
#section6 .main .more{ display:block; width:122px; height:51px; background:url(../../images/in_more.png) no-repeat center; background-size:cover; cursor:pointer;
 position:absolute; top:750px; left:150%; margin-left:-61px;}
 
/*动画效果*/
#section6 .main .showCol ul{ position:relative; left:-1800px;}

	
	/*module7*/
#section7{ background-color:#f2fbff;}
#section7 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}	
/*#section7 .main .modTitle{ width:166px; height:124px; margin:120px auto 80px; background:url(../../images/in_mod06_tit.png) no-repeat center; background-size:cover;}	*/
#section7 .main .modTitle{ width:30%; height:124px; /* margin:120px auto 0px;*/ background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}
#section7 .main .modTitle h1{ font-size:42px; color:#393939; margin-bottom:22px; text-align:center;}
#section7 .main .modTitle h2{ font-size:20px; color:#a3abb0; text-align:center;}
#section7 .main .showCol{ width:100%; height:auto; position:absolute; top:344px; left:0;}
#section7 .main .showCol .showImg{ width:515px; height:322px; float:left;}
#section7 .main .showCol .showText{ width:585px; height:322px; float:left; margin:0 50px; padding:10px 0; position:relative; overflow:hidden;}
#section7 .main .showCol .showText ul{position: relative;}
#section7 .main .showCol .showText ul li{float:left;}
#section7 .main .showCol .showText ul li .box{ width:585px; height:322px; padding:0 20px;}
#section7 .main .showCol .showText ul li h2.m06-tit{ width:200px; height:60px; line-height:60px; background:url(../../images/in_mod06_icon01.png) no-repeat left bottom; font-size:20px;}
#section7 .main .showCol .showText ul li p.m06-nr{ width:100%; height:132px; line-height:22px; color:#7a7a7a; font-size:14px; text-align:justify; overflow:hidden; margin:30px 0;}
#section7 .main .showCol .showText ul li a.m06-more{ display:table; line-height:18px; padding-left:24px; background:url(../../images/in_mod06_icon02.png) no-repeat left; color:#7a7a7a;
 font-size:14px; cursor:pointer;}
#section7 .main .showCol .switch{ width:45px; height:10px; position:absolute; right:0px; top:30px;} 
#section7 .main .showCol .switch li{ width:8px; height:8px; border-radius:50%; margin-right:5px; background-color:#fff; border:1px solid #d6d6d6; float:left; cursor:pointer;}
#section7 .main .showCol .switch li.active{ background-color:#29abff; border:1px solid #29abff;}

/*动画效果*/
#section7 .main .showCol .showImg{ position:relative; left:-1000px;}
#section7 .main .showCol .showText{ position:relative; left:1000px;}

	
	/*module8*/	
#section8{ background:url(../../images/in_mod07_bg.png) no-repeat center; background-size:cover;}
#section8 .main{ width:1200px; height:100%; margin:0 auto; position:relative;}
#section8 .main .modTitle{ width:30%; height:124px; /* margin:120px auto 0px;*/ background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-15%;}
#section8 .main .modTitle h1{ font-size:42px; color:#fff; margin-bottom:22px; text-align:center;}
#section8 .main .modTitle h2{ font-size:20px; color:#fff; text-align:center;}
#section8 .main .showCol{ width:100%; height:auto; position:absolute; top:344px; left:0;}
#section8 .main .showCol .m07-left{ width:40%; height:auto; float:left;}
#section8 .main .showCol .m07-left li{ line-height:20px; margin-bottom:25px; cursor:default;}
#section8 .main .showCol .m07-left li:nth-child(1) i{ display:block; width:30px; height:25px; background:url(../../images/in_mod07_icon01.png) no-repeat left; background-size:14px 20px;}
#section8 .main .showCol .m07-left li:nth-child(1) span{ display:block; width:80%; color:#fff; line-height:25px; margin-left:10px; font-size:20px;}
#section8 .main .showCol .m07-left li:nth-child(2) i{ display:block; width:30px; height:25px; background:url(../../images/in_mod07_icon02.png) no-repeat left; background-size:20px 20px;}
#section8 .main .showCol .m07-left li:nth-child(2) span{ display:block; color:#fff; line-height:25px; margin-left:10px; font-size:20px;}
#section8 .main .showCol .m07-left li:nth-child(4) i{ display:block; width:30px; height:25px; background:url(../../images/in_mod07_icon04.png) no-repeat left; background-size:18px 20px;}
#section8 .main .showCol .m07-left li:nth-child(4) span{ display:block; color:#fff; line-height:25px; margin-left:10px; font-size:20px;}
#section8 .main .showCol .m07-left li:nth-child(5) i{ display:block; width:30px; height:25px; background:url(../../images/in_mod07_icon04.png) no-repeat left; background-size:18px 20px;}
#section8 .main .showCol .m07-left li:nth-child(5) span{ display:block; color:#fff; line-height:25px; margin-left:10px; font-size:20px;}
#section8 .main .showCol .m07-left li:nth-child(3) i{ display:block; width:30px; height:25px; background:url(../../images/in_mod07_icon03.png) no-repeat left; background-size:22px 14px;}
#section8 .main .showCol .m07-left li:nth-child(3) span{ display:block; color:#fff; line-height:25px; margin-left:10px; font-size:20px;}
#section8 .main .showCol .m07-right{ width:50%; float:right; cursor:pointer;}
#section8 .main .showCol .m07-bottom{ width:100%; line-height:40px; color:#fff; text-align:center; margin-top:120px; float:left; cursor:default;}
#section8 .main .showCol .m07-bottom p:nth-child(1){ font-size:30px; font-weight:500;}
#section8 .main .showCol .m07-bottom p:nth-child(2){ font-size:18px;}

/*动画效果*/
#section8 .main .m07-left{ position:relative; left:-1000px;}
#section8 .main .m07-right{ position:relative; left:1000px;}
#section8 .main .m07-bottom{ position:relative; top:1000px;}




/*响应式*/
@media screen and (max-width: 1620px) {
#section1 .main .topShow{ width:460px; height:460px; background:url(../../images/in_banner_text460.png) no-repeat center; background-size:cover; margin-left:-230px; margin-top:-230px;}
#section3 .main .more{ top:680px;}	
#section4 .main .showCol ul.gallery{ height:360px; overflow:hidden;}
#section6 .main .showCol{top:300px; }
#section6 .main .more{ top:680px;}
#section8 .main .showCol{ top:300px;}
#section8 .main .showCol .m07-left{ width:38%; height:auto; float:left;}
#section8 .main .showCol .m07-left li{ line-height:20px; margin-bottom:25px; cursor:default;}
#section8 .main .showCol .m07-right{ width:40%; float:right; cursor:pointer;}
#section8 .main .showCol .m07-bottom{ width:100%; line-height:40px; color:#fff; text-align:center; margin-top:60px !important; float:left; cursor:default;}
	}
@media screen and (max-width: 1440px) {
/*内容*/
#section1 .main .topShow{ width:408px; height:408px; background:url(../../images/in_banner_text408.png) no-repeat center; background-size:cover; margin-left:-204px; margin-top:-204px;}

#section2 .main{ width:1024px;}
#section2 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section2 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section2 .main .modTitle h2{ font-size:16px;}
#section2 .main .business{ top:300px;}
#section2 .main .business ul.items li { width:160px; height:220px; margin:0 20.4px; background:url(../../images/bg_blue.png) no-repeat 0px 400px; overflow:hidden;}
#section2 .main .business ul.items li i { margin-top:25px; height:69px;}
#section2 .main .business ul.items li u { width:130px; height:130px; margin-left:15px;background:url(../../images/words-blue.png) no-repeat 0px -623px;}
#section2 .main .business ul.items li strong { margin-top:60px;}
#section2 .main .business ul.items li:hover strong {color:White; margin-top:30px;}
#section2 .main .business ul.items li:hover p {top:10px;}
#section2 .main .remarks{ width:100%; line-height:20px; color:#8a8a8a; text-align:center; position:absolute; top:600px; left:0;}

#section3 .main{ width:1024px;}
#section3 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section3 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section3 .main .modTitle h2{ font-size:16px;}
#section3 .main .showCol{ top:280px; }
#section3 .main .showCol ul{ width:1024px; padding:0 62px;}
#section3 .main .showCol ul li{ width:260px; height:220px; margin:0 20px; overflow:hidden; float:left; position:relative;}
#section3 .main .showCol ul li .pic{ width:260px; height:152px; overflow:hidden;}
#section3 .main .showCol ul li .pic img{ width:100%;}
#section3 .main .showCol ul li .text{ width:100%; height:100px; padding:15px 5%;}
#section3 .main .showCol ul li .hovTop{ height:152px; margin-top:-200px;}
#section3 .main .showCol ul li .hovTop img{width:46px; height:46px; margin:60px auto;}
#section3 .main .showCol ul li .hovBot{ height:68px; margin-bottom:-100px;}
#section3 .main .more{ top:560px;}
	
#section4 .main{ width:1024px;}	
#section4 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section4 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section4 .main .modTitle h2{ font-size:16px;}
#section4 .main .showCol{ width:100%; margin:0 auto; position:relative; top:260px;}
#section4 .main .showCol ul.gallery{width:1000px; height:316px; overflow:hidden;}
#section4 .main .showCol ul.gallery li a.thumb {display:block; width:199px; height:157px; cursor:pointer; background-size:199px 312px !important;}
#section4 .main .showCol ul.gallery li span {display:block; width:199px; height:157px; overflow:hidden;}

#section5 .main{ width:1024px;}		
#section5 .main ul{ width:1024px; height:320px; position:absolute; left:0; top:50%; margin-top:-120px;}
#section5 .main ul li{ width:236px; height:320px; margin:0px 10px; float:left;}
#section5 .main ul li .mun{ width:222px; height:222px; margin:0 5px; border:2px solid #fff; position:relative;}
#section5 .main ul li .mun h2{ line-height:120px; font-size:80px; color:#fff;}
#section5 .main ul li .mun h3{ line-height:120px; font-size:40px; color:#fff;}
#section5 .main ul li .mun h2.m01{ position:absolute; top:50%; margin-top:-60px; left:60px;}
#section5 .main ul li .mun h3.m01{ position:absolute; top:50%; margin-top:-60px; right:60px; line-height:134px;}
#section5 .main ul li .mun h2.m02{ position:absolute; top:50%; margin-top:-60px; left:60px;}
#section5 .main ul li .mun h3.m02{ position:absolute; top:50%; margin-top:-60px; right:60px; line-height:132px;}
#section5 .main ul li .mun h2.m03{ position:absolute; top:50%; margin-top:-60px; left:25px; font-size:70px;}
#section5 .main ul li .mun h3.m03{ position:absolute; top:50%; margin-top:-60px; right:25px; font-size:70px;}
#section5 .main ul li .mun h2.m04{ position:absolute; top:50%; margin-top:-60px; left:45px; font-size:80px;}
#section5 .main ul li .mun h3.m04{ position:absolute; top:50%; margin-top:-60px; right:45px; font-size:52px; line-height:142px;}
#section5 .main ul li p{ width:236px; line-height:100px; color:#fff; text-align:center; font-size:20px;}


/*section6*/
#section6 .main{ width:1024px;}
#section6 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section6 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section6 .main .modTitle h2{ font-size:16px;}
#section6 .main .showCol{ top:260px;}
#section6 .main .showCol ul li{ width:300px; height:auto; margin:0;}
#section6 .main .showCol ul li:nth-child(1){ margin-right:62px;}
#section6 .main .showCol ul li:nth-child(3){ margin-left:62px;}
#section6 .main .showCol ul li dl{ height:130px;}
#section6 .main .showCol ul li dl dt{ line-height:30px; margin:15px 0 10px; }
#section6 .main .showCol ul li dl dd{ margin:10px 0;}
#section6 .main .more{ top:560px;}

#section7 .main{ width:1024px; height:100%; margin:0 auto;}	
#section7 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section7 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section7 .main .modTitle h2{ font-size:16px;}
#section7 .main .showCol{ top:280px;}
#section7 .main .showCol .showImg{ width:400px; height:250px;}
#section7 .main .showCol .showText{ width:524px !important; height:250px !important;}
#section7 .main .showCol .showText ul li .box{ width:524px; height:322px; padding:0 20px;}
#section7 .main .showCol .showText ul li p.m06-nr{ height:88px;}

#section8 .main{ width:1024px;}
#section8 .main .modTitle{ width:22%; height:100px; background:url(../../images/in_tit.png) no-repeat center bottom; background-size:50px 2px;
 position:absolute; top:-1000px; left:50%; margin-left:-11%;}	
#section8 .main .modTitle h1{ font-size:36px; margin-bottom:16px;}
#section8 .main .modTitle h2{ font-size:16px;}
#section8 .main .showCol{ top:280px;}
#section8 .main .showCol .m07-left{ width:38%; height:auto; float:left;}
#section8 .main .showCol .m07-left li{ line-height:20px; margin-bottom:25px; cursor:default;}
#section8 .main .showCol .m07-right{ width:40%; float:right; cursor:pointer;}
#section8 .main .showCol .m07-bottom{ width:100%; line-height:40px; color:#fff; text-align:center; margin-top:50px !important; float:left; cursor:default;}

}

@media screen and (max-width: 1200px) {
/*导航*/	
header .nav .navCol{ width:1024px; margin:0 auto;}
header .nav .navCol .nc-logo{ width:120px; margin-right:40px;}
header .nav .navCol .nc-inner{ width:664px;}
header .nav .navCol .nc-inner .item{ width:80px;}
header .nav .navCol .nc-tel{ width:180px;}
header.fix .nav .navCol{ width:1024px;}
header.fix .nav .navCol .nc-logo{ width:120px; margin-right:40px;}
header.fix .nav .navCol .nc-inner{ width:664px;}
header.fix .nav .navCol .nc-inner .item{ width:80px;}
header.fix .nav .navCol .nc-tel{ width:180px;}
}

/*@media screen and (max-width: 1024px) {

}*/